<template>
	<view>
		<image src="/common/image/my-head-sculpture.jpg" fade-show="true" mode="aspectFill"></image>
		<button @click="click_once()" class="hello">Click it!</button>
		<text>Hello,world!</text>
		<text>{{show_words}}</text>
	</view>
</template>

<script setup lang="ts">
import { ref,reactive,watchEffect } from 'vue';
let show_words=ref("Hello!");
let count=ref(1);

function click_once(){
	show_words.value="点击了按钮"+(count.value++)+"次";
	console.log(show_words.value);
}
</script>

<style lang="scss">
$fir_color:red;

.hello{
	color: $fir_color;
	font-size: 80rpx;
}
</style>